<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <script>
        !function (e, t) { function n() { t.body ? t.body.style.fontSize = 12 * o + "px" : t.addEventListener("DOMContentLoaded", n) } function d() { var e = i.clientWidth / 10; i.style.fontSize = e + "px" } var i = t.documentElement, o = e.devicePixelRatio || 1; if (n(), d(), e.addEventListener("resize", d), e.addEventListener("pageshow", function (e) { e.persisted && d() }), o >= 2) { var a = t.createElement("body"), s = t.createElement("div"); s.style.border = ".5px solid transparent", a.appendChild(s), i.appendChild(a), 1 === s.offsetHeight && i.classList.add("hairlines"), i.removeChild(a) } }(window, document);
    </script>
    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>诺奖经济学家 中国新经济力量论坛</title>
    <meta name="description" content="">
    <link rel="stylesheet" href="./assets/swiper-4.3.3.min.css?t=1532311271679">
    <!-- <link rel="stylesheet" href="./assets/dialog.css?t=1532311271679"> -->
    <link rel="stylesheet" href="./css/index.css?t=1532311271679">
	<style>
    	#music-button{
			position: absolute;
		    right: .533333rem;
		    top: 1.8rem;
		    width: .777rem;
		    height: .777rem;
		    z-index: 19
    	}
    	#music-button img{width:100%;}
    </style>
</head>

<body>
    
    <audio src="assets/music.mp3" id="audio" autoplay loop></audio>
    
    <div class="swiper-container" id="app" style="position:relative;">
    	<div class="music-button play-button" id="music-button" style="display: block;"><img id="music_img" src="img/music_open.png" /></div>
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="slide-pic slide-pic-1"></div>
                <div class="bottom-icon"></div>
            </div>
            <div class="swiper-slide">
                <div class="slide-pic slide-pic-2"></div>
                <div class="bottom-icon"></div>
            </div>
            <div class="swiper-slide">
                <div class="slide-pic slide-pic-3"></div>
                <div class="bottom-icon"></div>
            </div>
            <div class="swiper-slide">
                <div class="slide-pic slide-pic-4"></div>
                <div class="bottom-icon"></div>
            </div>
            <div class="swiper-slide">
                <div class="slide-pic slide-pic-5"></div>
                <div class="bottom-icon"></div>
            </div>
            <div class="swiper-slide">
                <div class="slide-pic slide-pic-6"></div>
                <div class="bottom-icon"></div>
            </div>
            <div class="swiper-slide">
                <div class="slide-pic slide-pic-7"></div>
                <div class="bottom-icon"></div>
            </div>
            <div class="swiper-slide">
                <!-- <div class="slide-pic slide-pic-8"></div> -->
                <img src="img/8.png?t=15323112716799" alt="" style="height:13.253rem;" class="slide-pic slide-pic-8">
                <!-- <div class="bottom-icon"></div> -->
            </div>
        </div>
    </div>



    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js?t=1532311271679"></script>
    <script src="./assets/index.base.min.js?t=1532311271679"></script>
	<script>
		$("#music_img").click(function(){
			var _src = $(this).attr("src");
			if(_src.indexOf("close") != -1){
				$(this).attr("src","img/music_open.png");
				$("#audio")[0].play();
			}else{
				$(this).attr("src","img/music_close.png");
				$("#audio")[0].pause();
			} 
		});
	</script>

</body>

</html>